
html,
body {
  background-color: #f4f4f4 !important;
  .mui-bar-nav {
    background: #ffffff;
    height: 115px;
    box-shadow: 0 0 0 transparent;
    .mui-title{
      margin-top: 20px;
    }
    .select-box{
      margin: {
        left: -10px;
        top: -10px;
      }
      position: absolute;
      border: {
        top: 1px solid rgb(244,244,244);
        bottom: 1px solid rgb(244,244,244);
      }
      bottom: 0;
      height: 50px;
      width: 100%;
    }
  }
  .main-content{
    margin-top: 125px;
  }
}
.nothing{
  margin-top: 35%;
  text-align: center;
  background: transparent;
  img{
    width: 141px;
    height: 100px;
  }
  form{
    margin: 0 auto;
    margin-top: 24px;
    width: 73%;
    display: flex;
    .input-box{
      height: 44px;
      border: 1px solid #DDD;
      border-right: none;
      border-radius: 2px 0 0 2px;
      flex: 1;
      background: #FFFFFF;
      overflow: hidden;
      display: flex;
      input{
        height: 100%;
        width: 100%;
        border: 0;
        margin-bottom: 0 !important;
        padding: {
          left: 10px;
          right: 10px;
          top: 0;
          bottom: 0;
        }
        height: auto;
        &::placeholder{
          color: #999999;
          font-size: 14px;
        }
        flex: 1;
      }
    }
    .btn-box{
      button{
        height: 44px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }
}